<div class="form-group" data-bind="validationElement: connectionStringName">
    <label class="control-label">Name<i class="required"></i></label>
    <div class="flex-grow">
        <input class="form-control" placeholder="Enter a name for the connection string"
               data-bind="textInput: connectionStringName, enable: isNew, attr: { 'title': isNew() ? 'Enter any name of your choice for this connection string' : '' }" >
    </div>
</div>
<div class="form-group" data-bind="validationElement: connectionString">
    <label class="control-label">Connection string<i class="required"></i></label>
    <div class="flex-grow">
        <textarea placeholder="Enter connection string" class="form-control" rows="3" data-bind="textInput: connectionString">
        </textarea>
    </div>
</div>
